<!DOCTYPE html>
<html lang="zh-CN">
  <head>
      <meta charset="utf-8">
      <meta http-equiv="X-UA-Compatible" content="IE=edge">
      <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>成功登录风流</title>
    <link href="css/bootstrap.min.css" rel="stylesheet">
    <h2 style="text-align:center;color:#010B1D">即将进入  风  流  工  作  室 <img src="0x1f48a.png"></h2>
    <h4 style="text-align:center;color:rgba(51, 51, 51, 0.9)">· ————————一个充满爱<img src="0x1f494.png">与阳光<img src="0x1f31a.png">的基地</h4>
  </head><br/>
  <body style="background:url(8.jpg)">
      <div class="container-fluid">
        <div class="row">
        <div class="span5">
            <canvas id="myCanvas1" width="390" height="600"></canvas>
            <script>
          var c=document.getElementById("myCanvas1");
            var ctx=c.getContext("2d");
            ctx.moveTo(0,50);
            ctx.lineTo(0,600);           
            ctx.stroke();
            var c=document.getElementById("myCanvas1");
            var ctx=c.getContext("2d");
            ctx.moveTo(100,50);
            ctx.lineTo(100,600);           
            ctx.stroke();
            var c=document.getElementById("myCanvas1");
            var ctx=c.getContext("2d");
            ctx.moveTo(50,0);
            ctx.lineTo(50,600);           
            ctx.stroke();
            var c=document.getElementById("myCanvas1");
            var ctx=c.getContext("2d");
            ctx.moveTo(250,0);
            ctx.lineTo(250,600);           
            ctx.stroke();
            var c=document.getElementById("myCanvas1");
            var ctx=c.getContext("2d");
            ctx.moveTo(150,0);
            ctx.lineTo(150,600);           
            ctx.stroke();
            var c=document.getElementById("myCanvas1");
            var ctx=c.getContext("2d");
            ctx.moveTo(200,50);
            ctx.lineTo(200,600);           
            ctx.stroke();
            var c=document.getElementById("myCanvas1");
            var ctx=c.getContext("2d");
            ctx.moveTo(300,50);
            ctx.lineTo(300,600);           
            ctx.stroke();
            var c=document.getElementById("myCanvas1");
            var ctx=c.getContext("2d");
            ctx.moveTo(350,0);
            ctx.lineTo(350,600);           
            ctx.stroke();
            </script>
        </div> 
        <div class="span9">        
          <article style="text-align:center;background-color:rgba(220, 255, 234, 0.87);border:4px dashed #8E87EB;outline:2px groove #8361FD">
          <br/><br/><br/><br/><br/>
          <form style="font-family:monospace;font-size:xx-large;color:rgba(1, 4, 22, 0.98)"><strong>进院成功</strong> 正在为你配制药方......</form>
          <br/><br/><br/>
          <form style="color:crimson">想要离开<a href="https://gitee.com/solile/buptsice_training_2017_2/tree/master/%E7%AC%AC%E4%BA%8C%E6%9C%9F%E4%BD%9C%E4%B8%9A" >点击这里</a></form><br/>
          </article></div>
       
        <div class="span1">
              <canvas id="myCanvas2" width="390" height="600"></canvas>
              <script>
                var c=document.getElementById("myCanvas2");
                var ctx=c.getContext("2d");
                ctx.moveTo(0,50);
                ctx.lineTo(0,600);           
                ctx.stroke();
                var c=document.getElementById("myCanvas2");
                var ctx=c.getContext("2d");
                ctx.moveTo(100,50);
                        ctx.lineTo(100,600);           
                        ctx.stroke();
                        var c=document.getElementById("myCanvas2");
                        var ctx=c.getContext("2d");
                        ctx.moveTo(50,0);
                        ctx.lineTo(50,600);           
                        ctx.stroke();
                        var c=document.getElementById("myCanvas2");
                        var ctx=c.getContext("2d");
                        ctx.moveTo(250,0);
                        ctx.lineTo(250,600);           
                        ctx.stroke();
                        var c=document.getElementById("myCanvas2");
                        var ctx=c.getContext("2d");
                        ctx.moveTo(150,0);
                        ctx.lineTo(150,600);           
                        ctx.stroke();
                        var c=document.getElementById("myCanvas2");
                        var ctx=c.getContext("2d");
                        ctx.moveTo(200,50);
                        ctx.lineTo(200,600);           
                        ctx.stroke();
                        var c=document.getElementById("myCanvas2");
                        var ctx=c.getContext("2d");
                        ctx.moveTo(300,50);
                        ctx.lineTo(300,600);           
                        ctx.stroke();
                        var c=document.getElementById("myCanvas2");
                        var ctx=c.getContext("2d");
                        ctx.moveTo(350,0);
                        ctx.lineTo(350,600);           
                        ctx.stroke();
              </script>
        </div>    
        </div>
      </div>
  </body>
</html>